<!DOCTYPE html>
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>

<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>Trizzy</title>

<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/colors/green.css" id="colors">
 
<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

</head>

<body class="boxed">
<div id="wrapper">


<!-- Top Bar
================================================== -->
<div id="top-bar">
	<div class="container">

		<!-- Top Bar Menu -->
		<div class="ten columns">
			<ul class="top-bar-menu">
				<li><i class="fa fa-phone"></i> (564) 123 4567</li>
				<li><i class="fa fa-envelope"></i> <a href="blog-standard.html#">mail@example.com</a></li>
				<li>
					<div class="top-bar-dropdown">
						<span>English</span>
						<ul class="options">
							<li><div class="arrow"></div></li>
							<li><a href="blog-standard.html#">English</a></li>
							<li><a href="blog-standard.html#">Polish</a></li>
							<li><a href="blog-standard.html#">Deutsch</a></li>
						</ul>
					</div>
				</li>
				<li>
					<div class="top-bar-dropdown">
						<span>USD</span>
						<ul class="options">
							<li><div class="arrow"></div></li>
							<li><a href="blog-standard.html#">USD</a></li>
							<li><a href="blog-standard.html#">PLN</a></li>
							<li><a href="blog-standard.html#">EUR</a></li>
						</ul>
					</div>
				</li>
			</ul>
		</div>
		
		<!-- Social Icons -->
		<div class="six columns">
			<ul class="social-icons">
				<li><a class="facebook" href="blog-standard.html#"><i class="icon-facebook"></i></a></li>
				<li><a class="twitter" href="blog-standard.html#"><i class="icon-twitter"></i></a></li>
				<li><a class="dribbble" href="blog-standard.html#"><i class="icon-dribbble"></i></a></li>
				<li><a class="gplus" href="blog-standard.html#"><i class="icon-gplus"></i></a></li>
				<li><a class="pinterest" href="blog-standard.html#"><i class="icon-pinterest"></i></a></li>
			</ul>
		</div>

	</div>
</div>

<div class="clearfix"></div>


<!-- Header
================================================== -->
<div class="container">

	<!-- Logo -->
	<div class="four columns">
			<div id="logo">
				<h1><a href="index.html"><img src="images/logo.png" alt="Trizzy" /></a></h1>
			</div>
	</div>
	

	<!-- Additional Menu -->
	<div class="twelve columns">
		<div id="additional-menu">
			<ul>
				<li><a href="shopping-cart.html">Shopping Cart</a></li>
				<li><a href="wishlist.html">WishList <span>(2)</span></a></li>
				<li><a href="checkout-billing-details.html">Checkout</a></li>
				<li><a href="my-account.html">My Account</a></li>
			</ul>
		</div>
	</div>

	
	<!-- Shopping Cart -->
	<div class="twelve columns">

		<div id="cart">
				
			<!-- Button -->
			<div class="cart-btn">
				<a href="blog-standard.html#" class="button adc">$178.00</a>
			</div>

			<div class="cart-list">

			<div class="arrow"></div>

				<div class="cart-amount">
					<span>2 items in the shopping cart</span>
				</div>

					<ul>
						<li>
							<a href="blog-standard.html#"><img src="images/small_product_list_08.jpg" alt="" /></a>
							<a href="blog-standard.html#">Converse All Star Trainers</a>
							<span>1 x $79.00</span>
							<div class="clearfix"></div>
						</li>

						<li>
							<a href="blog-standard.html#"><img src="images/small_product_list_09.jpg" alt="" /></a>
							<a href="blog-standard.html#">Tommy Hilfiger <br /> Shirt Beat</a>
							<span>1 x $99.00</span>
							<div class="clearfix"></div>
						</li>
					</ul>

				<div class="cart-buttons button">
					<a href="shopping-cart.html" class="view-cart" ><span data-hover="View Cart"><span>View Cart</span></span></a>
					<a href="checkout-billing-details.html" class="checkout"><span data-hover="Checkout">Checkout</span></a>
				</div>
				<div class="clearfix">

				</div>
			</div>

		</div>

		<!-- Search -->
		<nav class="top-search">
			<form action="blog-standard.html#" method="get">
				<button><i class="fa fa-search"></i></button>
				<input class="search-field" type="text" placeholder="Search" value=""/>
			</form>
		</nav>

	</div>

</div>


<!-- Navigation
================================================== -->
<div class="container">
	<div class="sixteen columns">

		<a href="blog-standard.html#menu" class="menu-trigger"><i class="fa fa-bars"></i> Menu</a>

		<nav id="navigation">
			<ul class="menu" id="responsive">
			  
				<li><a href="index.html" class="homepage">Home</a></li>
				

				<li class="dropdown">
					<a href="blog-standard.html#">Shop</a>
					<ul>
						<li><a href="shop-with-sidebar.html">Shop With Sidebar</a></li>
						<li><a href="shop-full-width.html">Shop Full Width</a></li>
						<li><a href="checkout-billing-details.html">Checkout Pages</a></li>
						<li><a href="shop-categories-grid.html">Categories Grid</a></li>
						<li><a href="single-product-page.html">Single Product Page</a></li>
						<li><a href="variable-product-page.html">Variable Product Page</a></li>
						<li><a href="wishlist.html">Wishlist Page</a></li>
						<li><a href="shopping-cart.html">Shopping Cart</a></li>
					</ul>
				</li>


				<li>
					<a href="blog-standard.html#">Features</a>
					<div class="mega">
						<div class="mega-container">

							<div class="one-column">
								<ul>
									<li><span class="mega-headline">Example Pages</span></li>
									<li><a href="contact.html">Contact</a></li>
									<li><a href="about.html">About Us</a></li>
									<li><a href="services.html">Services</a></li>
									<li><a href="faq.html">FAQ</a></li>
									<li><a href="404-page.html">404 Page</a></li>
								</ul>
							</div>

							<div class="one-column">
								<ul>
									<li><span class="mega-headline">Featured Pages</span></li>
									<li><a href="index-2.html">Business Homepage</a></li>
									<li><a href="shop-with-sidebar.html">Default Shop</a></li>
									<li><a href="blog-masonry.html">Masonry Blog</a></li>
									<li><a href="variable-product-page.html">Variable Product</a></li>
									<li><a href="portfolio-dynamic-grid.html">Dynamic Grid</a></li>
								</ul>
							</div>

							<div class="one-column hidden-on-mobile">
								<ul>
									<li><span class="mega-headline">Paragraph</span></li>
									<li><p>This <a href="blog-standard.html#">Mega Menu</a> can handle everything. Lists, paragraphs, forms...</p></li>
								</ul>
							</div>

							<div class="one-fourth-column hidden-on-mobile">
								<a href="blog-standard.html#" class="img-caption margin-reset">
									<figure>
										<img src="images/menu-banner-01.jpg" alt="" />
										<figcaption>
											<h3>Jeans</h3>
											<span>Pack for Style</span>
										</figcaption>
									</figure>
								</a>
							</div>

							<div class="one-fourth-column hidden-on-mobile">
								<a href="blog-standard.html#" class="img-caption margin-reset">
									<figure>
										<img src="images/menu-banner-02.jpg" alt="" />
										<figcaption>
											<h3>Sunglasses</h3>
											<span>Nail the Basics</span>
										</figcaption>
									</figure>
								</a>
							</div>

							<div class="clearfix"></div>
						</div>
					</div>
				</li>


				<li class="dropdown">
					<a href="blog-standard.html#">Shortcodes</a>
					<ul>
						<li><a href="elements.html">Elements</a></li>
						<li><a href="typography.html">Typography</a></li>
						<li><a href="pricing-tables.html">Pricing Tables</a></li>
						<li><a href="icons.html">Icons</a></li>
					</ul>
				</li>


				<li class="dropdown">
					<a href="blog-standard.html#">Portfolio</a>
					<ul>
						<li><a href="portfolio-3-columns.html">3 Columns</a></li>
						<li><a href="portfolio-4-columns.html">4 Columns</a></li>
						<li><a href="portfolio-dynamic-grid.html">Dynamic Grid</a></li>
						<li><a href="single-project.html">Single Project</a></li>
					</ul>
				</li>
				

				<li class="dropdown">
					<a href="blog-standard.html#" class="current">Blog</a>
					<ul>
						<li><a href="blog-standard.html">Blog Standard</a></li>
						<li><a href="blog-masonry.html">Blog Masonry</a></li>
						<li><a href="blog-single-post.html">Single Post</a></li>
					</ul>
				</li>


				<li class="demo-button">
				  <a href="blog-standard.html#">Get This Theme</a>
				</li> 

			</ul>
		</nav>
	</div>
</div>


<!-- Titlebar
================================================== -->
<section class="titlebar">
<div class="container">
	<div class="sixteen columns">
		<h2>Blog Standard</h2>
		
		<nav id="breadcrumbs">
			<ul>
				<li><a href="blog-standard.html#">Home</a></li>
				<li><a href="blog-standard.html#">Blog</a></li>
				<li>Standard</li>
			</ul>
		</nav>
	</div>
</div>
</section>


<!-- Content
================================================== -->

<!-- Container -->
<div class="container">

<div class="twelve columns">
	<div class="extra-padding">

		<!-- Post -->
		<article class="post">

			<figure class="post-img">
				<a href="blog-single-post.html"><img src="images/blog-01.jpg" alt=""/>
					<div class="hover-icon"></div>
				</a>
			</figure>

			<section class="date">
				<span class="day">31</span>
				<span class="month">May</span>
			</section>

			<section class="post-content">

				<header class="meta">
					<h2><a href="blog-single-post.html">Amazon Raises Threshold for Free Shipping</a></h2>
					<span><i class="fa fa-user"></i>By <a href="blog-standard.html#">admin</a></span>
					<span><i class="fa fa-tag"></i><a href="blog-standard.html#">Travel</a>, <a href="blog-standard.html#">Nature</a></span>
					<span><i class="fa fa-comment"></i>With <a href="blog-standard.html#">4 Comments</a></span>
				</header>

				<p>Maecenas placerat bibendum eget dolor pellentesque sed consectetur pulvinar pellentesque bibendum. Vestibulum varius hendrerit turpis quiseam cursus. Donec bibendum vestibulum gravida. Pellentesque condimentum orci vel leo laoreet accumsan interdum eros vel sapien tincidunt dignissim. Integer mauris lacus consequat.</p>

				<a href="blog-single-post.html" class="button color">Read More</a>

			</section>

		</article>
		<!-- Post / End -->


		<!-- Post -->
		<article class="post">

			<figure class="post-img">
				<div id="basic-slider" class="royalSlider rsDefault">
				    <a href="images/blog-02-big.jpg" class="mfp-gallery" title="First Image Title"><img class="rsImg" src="images/blog-02.jpg" alt="" /><span class="royal-caption">First Image Title</span></a>
				    <a href="images/blog-02a-big.jpg" class="mfp-gallery" title="Second Image Title"><img class="rsImg" src="images/blog-02a.jpg" alt="" /><span class="royal-caption">Second Image Title</span></a>
				 </div>
				 <div class="clearfix"></div>
			</figure>

			<section class="date">
				<span class="day">16</span>
				<span class="month">May</span>
			</section>

			<section class="post-content">

				<header class="meta">
					<h2><a href="blog-single-post.html">How To Read The Symbols on Your Clothing Tags</a></h2>
					<span><i class="fa fa-user"></i>By <a href="blog-standard.html#">admin</a></span>
					<span><i class="fa fa-tag"></i><a href="blog-standard.html#">Electronics</a>, <a href="blog-standard.html#">Travel</a></span>
					<span><i class="fa fa-comment"></i>With <a href="blog-standard.html#">12 Comments</a></span>
				</header>

				<p>Maecenas placerat bibendum eget dolor pellentesque sed consectetur pulvinar pellentesque bibendum. Vestibulum varius hendrerit turpis quiseam cursus. Donec bibendum vestibulum gravida. Pellentesque condimentum orci vel leo laoreet accumsan interdum eros vel sapien tincidunt dignissim. Integer mauris lacus consequat.</p>

				<a href="blog-single-post.html" class="button color">Read More</a>

			</section>

		</article>
		<!-- Post / End -->


		<!-- Post -->
		<article class="post">

			<figure class="post-img">
				<a href="blog-single-post.html"><img src="images/blog-03.jpg" alt=""/>
					<div class="hover-icon"></div>
				</a>
			</figure>

			<section class="date">
				<span class="day">10</span>
				<span class="month">May</span>
			</section>

			<section class="post-content">

				<header class="meta">
					<h2><a href="blog-single-post.html">Online Shopping Hit New Highs on Mobile Sales</a></h2>
					<span><i class="fa fa-user"></i>By <a href="blog-standard.html#">admin</a></span>
					<span><i class="fa fa-tag"></i><a href="blog-standard.html#">Weather</a>, <a href="blog-standard.html#">Fitness</a></span>
					<span><i class="fa fa-comment"></i>With <a href="blog-standard.html#">7 Comments</a></span>
				</header>

				<p>Maecenas placerat bibendum eget dolor pellentesque sed consectetur pulvinar pellentesque bibendum. Vestibulum varius hendrerit turpis quiseam cursus. Donec bibendum vestibulum gravida. Pellentesque condimentum orci vel leo laoreet accumsan interdum eros vel sapien tincidunt dignissim. Integer mauris lacus consequat.</p>

				<a href="blog-single-post.html" class="button color">Read More</a>

			</section>

		</article>
		<!-- Post / End -->

		<div class="clearfix"></div>

		<!-- Pagination -->
		<div class="pagination-container">
			<nav class="pagination">
				<ul>
					<li><a href="blog-standard.html#" class="current-page">1</a></li>
					<li><a href="blog-standard.html#">2</a></li>
					<li><a href="blog-standard.html#">3</a></li>
				</ul>
			</nav>

			<nav class="pagination-next-prev">
				<ul>
					<li><a href="blog-standard.html#" class="prev"></a></li>
					<li><a href="blog-standard.html#" class="next"></a></li>
				</ul>
			</nav>
		</div>

	</div>
</div>

<!-- Sidebar
================================================== -->
<div class="four columns">

	<!-- About -->
	<div class="widget margin-top-0">
		<h3 class="headline">About</h3><span class="line"></span><div class="clearfix"></div>
		<p>Malesuada scelerisque dignissim massa lectus, ultricies diam consequat aliquam imperdiet egestas ultrices etiam.</p>
	</div>
	
	
	<!-- Categories -->
	<div class="widget">
		<h3 class="headline">Categories</h3><span class="line"></span><div class="clearfix"></div>
		<nav class="categories">
			<ul>
				<li><a href="blog-standard.html#">Fashion</a></li>
				<li><a href="blog-standard.html#">Lifestyle</a></li>
				<li><a href="blog-standard.html#">Entertainment</a></li>
				<li><a href="blog-standard.html#">Technology</a></li>
				<li><a href="blog-standard.html#">World</a></li>
			</ul>
		</nav>
	</div>


	<!-- Tabs -->
	<div class="widget margin-top-40">

		<ul class="tabs-nav blog">
			<li class="active"><a href="blog-standard.html#tab1">Popular</a></li>
			<li><a href="blog-standard.html#tab2">Featured</a></li>
			<li><a href="blog-standard.html#tab3">Recent</a></li>
		</ul>

		<!-- Tabs Content -->
		<div class="tabs-container">

			<div class="tab-content" id="tab1">
				
				<!-- Recent Posts -->
				<ul class="widget-tabs">
					
					<!-- Post #1 -->
					<li>
						<div class="widget-thumb">
							<a href="blog-single-post.html"><img src="images/blog-widget-01.png" alt="" /></a>
						</div>
						
						<div class="widget-text">
							<h4><a href="blog-single-post.html">How To Read The Symbols on Your Clothing Tags</a></h4>
							<span>16 May 2014</span>
						</div>
						<div class="clearfix"></div>
					</li>
					
					<!-- Post #2 -->
					<li>
						<div class="widget-thumb">
							<a href="blog-single-post.html"><img src="images/blog-widget-02.png" alt="" /></a>
						</div>
						
						<div class="widget-text">
							<h4><a href="blog-single-post.html">How to Choose Size - Does Your Shirt Fit Properly?</a></h4>
							<span>20 April 2014</span>
						</div>
						<div class="clearfix"></div>

					</li>
					
					<!-- Post #3 -->
					<li>
						<div class="widget-thumb">
							<a href="blog-single-post.html"><img src="images/blog-widget-03.png" alt="" /></a>
						</div>
						
						<div class="widget-text">
							<h4><a href="blog-single-post.html">Online Shopping Hit New Highs on Mobile Sales</a></h4>
							<span>10 May 2014</span>
						</div>
						<div class="clearfix"></div>
					</li>
				</ul>
	
			</div>

			<div class="tab-content" id="tab2">
			
				<!-- Featured Posts -->
				<ul class="widget-tabs">
					
					<!-- Post #1 -->
					<li>
						<div class="widget-thumb">
							<a href="blog-single-post.html"><img src="images/blog-widget-04.png" alt="" /></a>
						</div>
						
						<div class="widget-text">
							<h4><a href="blog-single-post.html">New Sugary Drink Rules Complicate Coffee Orders</a></h4>
							<span>19 April 2014</span>
						</div>
						<div class="clearfix"></div>
					</li>
					
					<!-- Post #2 -->
					<li>
						<div class="widget-thumb">
							<a href="blog-single-post.html"><img src="images/blog-widget-01.png" alt="" /></a>
						</div>
						
						<div class="widget-text">
							<h4><a href="blog-single-post.html">How To Download The Google Fonts Catalog</a></h4>
							<span>28 May 2014</span>
						</div>
						<div class="clearfix"></div>
					</li>
					
					<!-- Post #3 -->
					<li>
						<div class="widget-thumb">
							<a href="blog-single-post.html"><img src="images/blog-widget-05.png" alt="" /></a>
						</div>
						
						<div class="widget-text">
							<h4><a href="blog-single-post.html">Mobile Editing Tools For Smartphone Photos</a></h4>
							<span>03 May 2014</span>
						</div>
						<div class="clearfix"></div>
					</li>
				</ul>
			</div>

			<div class="tab-content" id="tab3">
			
				<!-- Recent Posts -->
				<ul class="widget-tabs">
					
					<!-- Post #1 -->
					<li>
						<div class="widget-thumb">
							<a href="blog-single-post.html"><img src="images/blog-widget-06.png" alt="" /></a>
						</div>
						
						<div class="widget-text">
							<h4><a href="blog-single-post.html">Amazon Raises Threshold for Free Shipping</a></h4>
							<span>31 May 2014</span>
						</div>
						<div class="clearfix"></div>
					</li>
					
					<!-- Post #2 -->
					<li>
						<div class="widget-thumb">
							<a href="blog-single-post.html"><img src="images/blog-widget-01.png" alt="" /></a>
						</div>
						
						<div class="widget-text">
							<h4><a href="blog-single-post.html">How To Read The Symbols on Your Clothing Tags</a></h4>
							<span>16 May 2014</span>
						</div>
						<div class="clearfix"></div>
					</li>
					
					<!-- Post #3 -->
					<li>
						<div class="widget-thumb">
							<a href="blog-single-post.html"><img src="images/blog-widget-03.png" alt="" /></a>
						</div>
						
						<div class="widget-text">
							<h4><a href="blog-single-post.html">Online Shopping Hit New Highs on Mobile Sales</a></h4>
							<span>10 May 2014</span>
						</div>
						<div class="clearfix"></div>
					</li>
				</ul>
			</div>
			
		</div>
		
	</div>
	
	
	<!-- Tags -->
	<div class="widget margin-top-10">
		<h3 class="headline">Tags</h3><span class="line"></span><div class="clearfix"></div>
	
		<nav class="tags">
			<a href="blog-standard.html#">Motivation</a>
			<a href="blog-standard.html#">Travel</a>
			<a href="blog-standard.html#">Social</a>
			<a href="blog-standard.html#">Nature</a>
			<a href="blog-standard.html#">Weather</a>
			<a href="blog-standard.html#">Fashion</a>
			<a href="blog-standard.html#">Electronics</a>
			<a href="blog-standard.html#">Fitness</a>
		</nav>
	</div>
	
	<br>
	<br>

</div>


</div>
<!-- Container / End -->

<!-- Footer
================================================== -->
<div id="footer">

	<!-- Container -->
	<div class="container">

		<div class="four columns">
			<img src="images/logo-footer.png" alt="" class="margin-top-10"/>
			<p class="margin-top-15">Nulla facilisis feugiat magna, ut molestie metus hendrerit vitae. Vivamus tristique lectus at varius rutrum. Integer lobortis mauris non consectetur eleifend.</p>
		</div>

		<div class="four columns">
		
			<!-- Headline -->
			<h3 class="headline footer">Customer Service</h3>
			<span class="line"></span>
			<div class="clearfix"></div>
			
			<ul class="footer-links">
				<li><a href="blog-standard.html#">Order Status</a></li>
				<li><a href="blog-standard.html#">Payment Methods</a></li>
				<li><a href="blog-standard.html#">Delivery & Returns</a></li>
				<li><a href="blog-standard.html#">Privacy Policy</a></li>
				<li><a href="blog-standard.html#">Terms & Conditions</a></li>
			</ul>

		</div>

		<div class="four columns">

			<!-- Headline -->
			<h3 class="headline footer">My Account</h3>
			<span class="line"></span>
			<div class="clearfix"></div>
			
			<ul class="footer-links">
				<li><a href="blog-standard.html#">My Account</a></li>
				<li><a href="blog-standard.html#">Order History</a></li>
				<li><a href="blog-standard.html#">Wish List</a></li>
			</ul>

		</div>

		<div class="four columns">

			<!-- Headline -->
			<h3 class="headline footer">Newsletter</h3>
			<span class="line"></span>
			<div class="clearfix"></div>
			<p>Sign up to receive email updates on new product announcements, gift ideas, special promotions, sales and more.</p>

			<form action="blog-standard.html#" method="get">
				<button class="newsletter-btn" type="submit">Join</button>
				<input class="newsletter" type="text" placeholder="mail@example.com" value=""/>
			</form>
		</div>

	</div>
	<!-- Container / End -->

</div>
<!-- Footer / End -->

<!-- Footer Bottom / Start -->
<div id="footer-bottom">

	<!-- Container -->
	<div class="container">

		<div class="eight columns">© Copyright 2014 by <a href="blog-standard.html#">trizzy</a>. All Rights Reserved.</div>
		<div class="eight columns">
			<ul class="payment-icons">
				<li><img src="images/visa.png" alt="" /></li>
				<li><img src="images/mastercard.png" alt="" /></li>
				<li><img src="images/skrill.png" alt="" /></li>
				<li><img src="images/moneybookers.png" alt="" /></li>
				<li><img src="images/paypal.png" alt="" /></li>
			</ul>
		</div>

	</div>
	<!-- Container / End -->

</div>
<!-- Footer Bottom / End -->

<!-- Back To Top Button -->
<div id="backtotop"><a href="blog-standard.html#"></a></div>

</div>


<!-- Java Script
================================================== -->
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="scripts/jquery.jpanelmenu.js"></script>
<script src="scripts/jquery.themepunch.plugins.min.js"></script>
<script src="scripts/jquery.themepunch.revolution.min.js"></script>
<script src="scripts/jquery.themepunch.showbizpro.min.js"></script>
<script src="scripts/jquery.magnific-popup.min.js"></script>
<script src="scripts/hoverIntent.js"></script>
<script src="scripts/superfish.js"></script>
<script src="scripts/jquery.pureparallax.js"></script>
<script src="scripts/jquery.pricefilter.js"></script>
<script src="scripts/jquery.selectric.min.js"></script>
<script src="scripts/jquery.royalslider.min.js"></script>
<script src="scripts/SelectBox.js"></script>
<script src="scripts/modernizr.custom.js"></script>
<script src="scripts/waypoints.min.js"></script>
<script src="scripts/jquery.flexslider-min.js"></script>
<script src="scripts/jquery.counterup.min.js"></script>
<script src="scripts/jquery.tooltips.min.js"></script>
<script src="scripts/jquery.isotope.min.js"></script>
<script src="scripts/puregrid.js"></script>
<script src="scripts/stacktable.js"></script>
<script src="scripts/custom.js"></script>


<!-- Style Switcher
================================================== -->
<script src="scripts/switcher.js"></script>

<div id="style-switcher">
	<h2>Style Switcher <a href="blog-standard.html#"></a></h2>
	
	<div><h3>Predefined Colors</h3>
		<ul class="colors" id="color1">
			<li><a href="blog-standard.html#" class="green" title="Green"></a></li>
			<li><a href="blog-standard.html#" class="blue" title="Blue"></a></li>
			<li><a href="blog-standard.html#" class="orange" title="Orange"></a></li>
			<li><a href="blog-standard.html#" class="navy" title="Navy"></a></li>
			<li><a href="blog-standard.html#" class="yellow" title="Yellow"></a></li>
			<li><a href="blog-standard.html#" class="peach" title="Peach"></a></li>
			<li><a href="blog-standard.html#" class="beige" title="Beige"></a></li>
			<li><a href="blog-standard.html#" class="purple" title="Purple"></a></li>
			<li><a href="blog-standard.html#" class="celadon" title="Celadon"></a></li>
			<li><a href="blog-standard.html#" class="pink" title="Pink"></a></li>
			<li><a href="blog-standard.html#" class="red" title="Red"></a></li>
			<li><a href="blog-standard.html#" class="brown" title="Brown"></a></li>
			<li><a href="blog-standard.html#" class="cherry" title="Cherry"></a></li>
			<li><a href="blog-standard.html#" class="cyan" title="Cyan"></a></li>
			<li><a href="blog-standard.html#" class="gray" title="Gray"></a></li>
			<li><a href="blog-standard.html#" class="darkcol" title="Dark"></a></li>
		</ul>
		
		<h3>Layout Style</h3>
		<div class="layout-style">
			<select id="layout-style"> 
				<option value="1">Boxed</option>
				<option value="2">Wide</option>
			</select>
		</div>
	
	<h3>Background Image</h3>
		 <ul class="colors bg" id="bg">
			<li><a href="blog-standard.html#" class="bg1"></a></li>
			<li><a href="blog-standard.html#" class="bg2"></a></li>
			<li><a href="blog-standard.html#" class="bg3"></a></li>
			<li><a href="blog-standard.html#" class="bg4"></a></li>
			<li><a href="blog-standard.html#" class="bg5"></a></li>
			<li><a href="blog-standard.html#" class="bg6"></a></li>
			<li><a href="blog-standard.html#" class="bg7"></a></li>
			<li><a href="blog-standard.html#" class="bg8"></a></li>
			<li><a href="blog-standard.html#" class="bg9"></a></li>
			<li><a href="blog-standard.html#" class="bg10"></a></li>
			<li><a href="blog-standard.html#" class="bg11"></a></li>
			<li><a href="blog-standard.html#" class="bg12"></a></li>
			<li><a href="blog-standard.html#" class="bg13"></a></li>
			<li><a href="blog-standard.html#" class="bg14"></a></li>
			<li><a href="blog-standard.html#" class="bg15"></a></li>
			<li><a href="blog-standard.html#" class="bg16"></a></li>
		</ul>
		
	<h3>Background Color</h3>
		<ul class="colors bgsolid" id="bgsolid">
			<li><a href="blog-standard.html#" class="green-bg" title="Green"></a></li>
			<li><a href="blog-standard.html#" class="blue-bg" title="Blue"></a></li>
			<li><a href="blog-standard.html#" class="orange-bg" title="Orange"></a></li>
			<li><a href="blog-standard.html#" class="navy-bg" title="Navy"></a></li>
			<li><a href="blog-standard.html#" class="yellow-bg" title="Yellow"></a></li>
			<li><a href="blog-standard.html#" class="peach-bg" title="Peach"></a></li>
			<li><a href="blog-standard.html#" class="beige-bg" title="Beige"></a></li>
			<li><a href="blog-standard.html#" class="purple-bg" title="Purple"></a></li>
			<li><a href="blog-standard.html#" class="red-bg" title="Red"></a></li>
			<li><a href="blog-standard.html#" class="pink-bg" title="Pink"></a></li>
			<li><a href="blog-standard.html#" class="celadon-bg" title="Celadon"></a></li>
			<li><a href="blog-standard.html#" class="brown-bg" title="Brown"></a></li>
			<li><a href="blog-standard.html#" class="cherry-bg" title="Cherry"></a></li>
			<li><a href="blog-standard.html#" class="cyan-bg" title="Cyan"></a></li>
			<li><a href="blog-standard.html#" class="gray-bg" title="Gray"></a></li>
			<li><a href="blog-standard.html#" class="dark-bg" title="Dark"></a></li>
		</ul>
	</div>
	
	<div id="reset"><a href="blog-standard.html#" class="button color">Reset</a></div>
		
</div>


</body>
</html>